<script setup>
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync();

const description = ref('该项目一个集成了多种工具和技术的 uniapp 开发模板，由 uniapp + Vue3 + Vite5 + UnoCss + VSCode 构建。');
</script>
<template>
  <view class="bg-white overflow-hidden pt-2 px-4" :style="{ marginTop: safeAreaInsets?.top + 'px' }">
    <view class="mt-12 h-28 text-center">
      <image class="w-20 h-20 m-auto" src="/static/logo.png" />
    </view>
    <view class="text-center text-4xl main-title-color mt-4">uniapp-base-js</view>
    <view class="text-center text-2xl mt-2 mb-8">uniapp 开发模板</view>

    <view class="text-justify max-w-100 m-auto text-4 indent mb-2">{{ description }}</view>
  </view>
</template>
